<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
<script type="text/javascript" src="js/swiper.animate.min.js" ></script>
<script type="text/javascript" src="js/conmon.js" ></script>
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/animate.min.css" />
<link rel="stylesheet" href="css/base.css" />
</head>
<body>
	<!-- Swiper -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
        	<section class="swiper-slide page-1">
        		<img src="img/01/02.png" class="ani resize" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  />
        		<img src="img/01/03.png" class="ani resize" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  />
        		<!--<img src="img/test/s1-t2.png" class="ani resize" style="width:100px;height:110px;left:70px;top:185px;z-index:3;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"  > 
        		<img src="img/test/s1-t1.png" class="ani resize" style="width:60px;height:110px;left:220px;top:185px;z-index:3;" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  > 
        		<img src="img/test/flower.png" class="ani resize" style="width:180px;height:220px;left:0;top:0;z-index:2;" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s"   > 
        		<img src="img/test/s1.png"  class="ani resize" style="width:320px;height:200px;left:0px;top:140px;z-index:1;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  >       -->
        	</section>
        	<section class="swiper-slide page-2">
        		<img src="img/02/02.png" class="ani resize" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  />
        		<img src="img/02/03.png" class="ani resize" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  />
        	</section>
        	<section class="swiper-slide page-3">
        		<img src="img/03/02.png" class="ani resize" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  />
        	</section>
        	<section class="swiper-slide page-4">
        		<img src="img/04/02.png" class="ani resize" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  />        		
        		<img src="img/04/03.png" class="ani resize" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  />        		
        	</section>
        	<section class="swiper-slide page-5">
        		<img src="img/05/02.png" class="ani resize" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  />
        		<img src="img/05/03.png" class="ani resize" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  />    
        	</section>
        	<section class="swiper-slide page-6">
        		<img src="img/06/02.png" class="ani resize" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  />
        		<img src="img/06/03.png" class="ani resize" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  />
        		<img src="img/06/04.png" class="ani resize" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"  />
        	</section>
        	<section class="swiper-slide page-6">
        		<div class="login">
        			<div class="title"><img src="img/text.png" /></div>
        			<table border="0">
        				<tr>
        					<td><div><img src="img/text-2.png" /></div></td>
        					<td><div><input name="apply_real_name" type="text" /></div></td>
        				</tr>
        				<tr>
        					<td><div><img src="img/text-1.png" /></div></td>
        					<td><div><input name="apply_tel" type="text" /></div></td>
        				</tr>
        				<tr>
        					<td align="left" colspan="2"><a class="submit">报名</a></td>
        				</tr>
        			</table>
        		</div>
        	</section>
        </div>
        <img src="img/tip.png" id="array" class="resize"> 
        <div id="audio_btn" class="off rotate" sign="on">
	        <audio loop="" src="img/m.MP3" id="media" autoplay="" preload=""></audio>
	    </div>
    </div>
</body>
</html>